﻿@model EvidenceWeb.Models.LogOnModel
@{
    ViewBag.Title = "用户登录";
    Layout = null;
} 
                   
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<html>
<head>
    <title>用户登录</title>
    <script src="/Scripts/Common/jquery-1.8.3.min.js"></script>
    <link href="/App_Themes/Index/size.css" rel="stylesheet" type="text/css" />
    <link href="/App_Themes/Index/color.css" rel="stylesheet" type="text/css" />
    <link href="/App_Themes/Index/reset.css" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
       <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }

        body {
            text-align: center;
            background: #4974A4;
        }

        #login {
            width: 740px;
            margin: 0 auto;
            font-size: 12px;
        }

        #loginlogo {
            width: 700px;
            height: 100px;
            overflow: hidden;
            background: url('../../Content/images/login/logo.png') no-repeat;
            margin-top: 50px;
        }

        #loginpanel {
            width: 729px;
            position: relative;
            height: 300px;
        }

        .panel-h {
            width: 729px;
            height: 20px;
            background: url('../../Content/images/login/panel-h.gif') no-repeat;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 3;
        }

        .panel-f {
            width: 729px;
            height: 13px;
            background: url('../../Content/images/login/panel-f.gif') no-repeat;
            position: absolute;
            bottom: 0px;
            left: 0px;
            z-index: 3;
        }

        .panel-c {
            z-index: 2;
            background: url('../../Content/images/login/panel-c.gif') repeat-y;
            width: 729px;
            height: 300px;
        }

        .panel-c-l {
            position: absolute;
            left: 60px;
            top: 40px;
        }

        .panel-c-r {
            position: absolute;
            right: 20px;
            top: 50px;
            width: 222px;
            line-height: 200%;
            text-align: left;
        }

        .panel-c-l h3 {
            color: #556A85;
            margin-bottom: 10px;
        }

        .panel-c-l td {
            padding: 7px;
        }


        .login-text {
            height: 24px;
            left: 24px;
            border: 1px solid #e9e9e9;
            background: #f9f9f9;
        }

        .login-text-focus {
            border: 1px solid #E6BF73;
        }

        .login-btn {
            width: 114px;
            height: 29px;
            color: #E9FFFF;
            line-height: 29px;
            background: url('../../Content/images/login/login-btn.gif') no-repeat;
            border: none;
            overflow: hidden;
            cursor: pointer;
        }

        #txtUsername, #txtPassword {
            width: 191px;
        }

        #logincopyright {
            text-align: center;
            color: White;
            margin-top: 50px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $("#Password").keydown(function (e) {
                if (e.keyCode == 13) {
                    $("#frm_login").submit();
                }
            });
        });
    </script>
</head>
<body  style="padding: 10px">
    <div id="login">
        <div id="loginlogo"></div>
        <div id="loginpanel">
            <div class="panel-h"></div>
            <div class="panel-c">
                <div class="panel-c-l">
                    @using (Html.BeginForm("LoginAction", "Home", FormMethod.Post, new { @id = "frm_login" }))
                    {
                        @Html.ValidationSummary(true)
                         <table cellpadding="0" cellspacing="0">
                            <tbody>
                                <tr>
                                    <td align="left" colspan="2">
                                        <h3>　</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right">@Html.LabelFor(m => m.UserName)</td>
                                    <td align="left">@Html.EditorFor(m => m.UserName, new { @Class = "login-text" })
                                        @Html.ValidationMessageFor(m => m.UserName)</td>
                                </tr>
                                <tr>
                                    <td align="right">@Html.LabelFor(m => m.Password)</td>
                                    <td align="left">
                                        @Html.EditorFor(m => m.Password, new { @Class = "login-text" })
                                        @Html.ValidationMessageFor(m => m.Password)</td>
                                </tr>
                                <tr>
                                    <td align="right" colspan="2">
                                        <input   type="button" id="btnLogin" value="登陆" class="login-btn"  onclick='$("#frm_login").submit()'  />
                                    </td>
                                </tr>
                            </tbody>
                        </table> 
                    }
                </div>
                <div class="panel-c-r">
                    <p>请从左侧输入登录账号和密码登录</p>
                    <p>如果遇到系统问题，请联系网络管理员。</p>
                    <p>如果没有账号，请联系网站管理员。 </p>
                    <p>......</p>
                </div>
            </div>
            <div class="panel-f"></div>
        </div>
        <div id="logincopyright">Copy Right ®2013-2015 </div>
    </div>  
</body>
</html>
